<template>
	<view>
		<view v-if="showStore == true" class="flex space alcenter mb30">
			<view class="flex alcenter">
				<image class="unio2o-store-logo" :src="''"></image>
				<view  class="ml20 ft16 ftw400 text-default">
					卡夫卡少儿艺术培训…
				</view>
			</view>
			<view class="ft14 text-main ftw400">
				<text>距我</text>
				<text class="text-theme">1.2km</text>
			</view>
		</view>
		<view  class="unio2o-coupon-share bg-w box-shadow pd30 flex  bdr16">
			<image class="type" :src="''"></image>
			<view class="flex space alcenter main">
				<view class="flex alcenter">
					<view class="text-theme text-center w50">
						<text class="ft14">￥</text>
						<text class="ft24 ftw600">50</text>
					</view>
					<view class="ml40">
						<view class="ft16 ftw600">50元优惠券</view>
						<view class="mt10 ft14 text-notice">
							{{showStore ? '商家自营券' :'联盟平台'}}
						</view>
						<view class="ft14 text-notice mt10">
							满100可用
						</view>
					</view>
				</view>
				
			</view>		
			
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			type:{
				type:String,
				default:'free', // 
			},
			showStore:{
				type:Boolean,
				default:true
			}
		},
		data(){
			return {
				
			}
		}
	}
</script>

<style>
	.unio2o-coupon-share{
		position: relative;
	}
	.unio2o-coupon-share .type{
		position: absolute;
		width: 100rpx;
		height: 100rpx;
		left: 0;
		top: 0;
	}
	.unio2o-coupon-share .main{
		height: 172rpx;
		width: 100%;
	}
	
</style>